<!doctype html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="UTF-8">
		<title>贷款直通车</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../public/css/loan/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../public/css/loan/loan.css" />
	</head>

	<body>
	<div id="app">
		<!--顶部图片-->
		<div class="top-bg">
			<img src="../public/image/dk/banner@2x.png" style="width: 100%;height: auto;" />
		</div>
		<!--顶部推荐-->
		<div class="top-loan">
			<div id="top-loan">
				<div class="top-loan-left">
					<p class="top-loan-left-title">额度范围(元)</p>
					<p class="top-loan-left-value" v-html="recomData.loanMoney"></p>
				</div>
				<div class="top-loan-right">
					<span class="top-loan-right-value">当天放款<br/>月费率0.55%起<br/>贷款期限7天-24月</span>
				</div>
				<button @click="open(recomData.loanUrl,recomData.loanId)" :data-id="recomData.loanUrl" :type="recomData.loanId">申请贷款</button>
			</div>
		</div>
		<div class="content">
			<div v-for="item in loans">
				<div class="item">
					<div class="item-top">
						<div class="item-top-title">
							<img v-bind:src="item.loanIcon" />
							<span class="item-top-name" v-html="item.loanName"></span>
						</div>
						<div class="item-top-desc" v-html="item.loanDesc"></div>
					</div>
					<span class="line"></span>
					<div class="item-bottom">
						<div class="item-bottom-left">
							<div class="item-bottom-left-title">贷款金额(元)</div>
							<p class="item-bottom-left-value" v-html="item.loanMoney"></p>
						</div>
						<div class="item-bottom-right">
							<button @click="info(item.loanId)" :data-id="item.loanId">查看详情</button>
							<button @click="open(item.loanUrl,item.loanId)" :data-id="item.loanUrl" :type="item.loanId">申请贷款</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
		<script src="../public/js/jquery.min.js"></script>
		<script src="../public/js/vue.min.js"></script>
		<script src="../public/js/loan/loan.js"></script>
		<script src="../public/js/loan/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>